<template>
  <div>
    <song-list :list="list" mode="rank" />
  </div>
</template>

<script>
import eventBus from '@/event-bus';

export default {
  computed: {
    list () {
      if (!eventBus.hotSongList.playlist) {
        return [];
      }
      return eventBus.hotSongList.playlist?.tracks
        .slice(0, 20)
        .map((item, i) => ({
          id: item.id,
          name: item.name, // 歌曲名
          maxBr: eventBus.hotSongList.privileges[i].downloadMaxbr, // 最大音质
          alias: item.alia[0], // 别名
          artists: item.ar, // 歌手数组
          albumName: item.al.name, // 专辑名
        }));
    },
  },
  created () {
    eventBus.$emit('updateHotSongList');
  },
}
</script>

<style scoped>

</style>